<template>
	<view class="classifyLayout pageBG">
		<nav-bar title="分类"></nav-bar>
	<view class="classify ">
		<more-item v-for="item in classifyList" :key="item._id"
		:obj="item"
		> </more-item>
	</view>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	const classifyList = ref([])
const getClassify = async () => {
			const res = await uni.request({
		 url: "https://tea.qingnian8.com/api/bizhi/classify",
				header: {
					"access-key": "238762"
				},
				data: {
					pageSize:20
				}
		})
	classifyList.value = res.data.data
	}
	getClassify()
</script>

<style lang="less" >
	.classify {
		padding: 0 30rpx;
		margin-top: 30rpx;
		display: grid;
		gap: 15rpx;
		grid-template-columns: repeat(3, 1fr);
	}
</style>